<template>
  <div class="cart-lsit">
    <scroll class="content" ref="scroll">
      <cart-list-item v-for="(item,index) in cartList"
                      :item-info = 'item'
                      :key="index">
      </cart-list-item>
    </scroll>
  </div>
</template>

<script>
import CartListItem from "./CartListItem";
import Scroll from "components/common/scroll/Scroll";

import { mapGetters } from 'vuex'

export default {
  name: "CartList",
  components:{
    Scroll,
    CartListItem,
  },
  computed:{
    ...mapGetters(['cartList'])
  },
  activated() {
    this.$refs.scroll.refresh()
  },
}
</script>

<style scoped>
.cart-lsit{
  position: absolute;
  top: 44px;
  bottom: 49px;
  left: 0;
  right: 0;
}

.content{
  height:100%;
  overflow: hidden;
}
</style>